@charset "utf-8";
/* CSS Document */
*{margin:0; padding:0;}
body{
    font:12px/1.5 SF Pro Display,Helvetica Neue, Helvetica, Tahoma, Arial, PingFang SC,Hiragino Sans GB,Microsoft YaHei, sans-serif,Apple Color Emoji,Segoe UI Emoji,Segoe UI Symbol,Noto Color Emoji;overflow-x: auto;-webkit-font-smoothing: antialiased;
    font-family: "SF Pro Display","Helvetica Neue",Helvetica, Tahoma, Arial, "PingFang SC", "Hiragino Sans GB", "Microsoft YaHei", sans-serif,'Apple Color Emoji', 'Segoe UI Emoji', 'Segoe UI Symbol','Noto Color Emoji';
}
table{width:100%; border:0; border-collapse:collapse; border-spacing:0;}
table th{font-weight:normal;}
ul,ol,li{list-style-type:none;}
h1,h2,h3,h4,h5,h6{font-weight:normal;}
input,select,textarea{vertical-align:middle; color:#131B26;border:none;border:0; outline:none; resize:none;}
a{text-decoration:none;}
b,i,strong,em{font-weight:normal; font-style:normal;}
img{ border:0;}
.fr{float:right}
.fl{float:left}
.clear{clear:both}
.clearfix{zoom:1;overflow:hidden}
/*input-placeholder-color*/
::-webkit-input-placeholder{ color: #acb4bf; text-overflow: ellipsis;}
:-moz-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
::-moz-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
:-ms-input-placeholder{ color: #acb4bf !important; text-overflow: ellipsis;}
input:-webkit-autofill { box-shadow: 0 0 0px 1000px white inset !important;}
input{caret-color:#3A8BFF;}


/*padding,margin值*/
.pad30lr{padding:0 30px;}
.padTop30{padding-top:30px;}
.marginRight30{margin-right:30px;}
.padBom20{padding-bottom:20px;}
/**********公共文字颜色*************/
.textHidden{display: -webkit-box;-webkit-box-orient: vertical;-webkit-line-clamp: 2;overflow: hidden;}
.fs14{font-size:14px;}
.fs16{font-size:16px;}
.fs18{font-size:18px;}
/*color*/
.colorDeep{ color:#131B26;}/*一级文字 深色*/
.colorIn{ color:#474C59;}/*二级文字 适中*/
.colorShallow{ color:#8A8B99;}/*三级文字 浅色*/
.colorBlue_click{ color:#6B89B3;}/*可点击文字 蓝色*/
.colorBlue{ color:#3A8BFF;}/*蓝色*/
.colorBlue:hover{ color:#3A8BFF;}/*蓝色*/
.pointer{cursor:pointer}

/******border**********/
.borderBom1{border-bottom:1px solid #F2F2F2;}

/************渐变按钮样式************/
.jb_btn{display:inline-block;box-shadow: 0 3px 12px 0 rgba(39,125,255,0.30);color: #FFFFFF;text-align:center;line-height:36px;border-radius: 20px;}
.jb_btn_92{width:92px;height:36px;background:url(/mooc2-ans/images/jb_btn_92.png) no-repeat 0 0;}
.jb_btn_92:hover{background-position:0 -48px;color: #ffffff;}
.jb_btn_92:active{background-position:left -96px}
.jb_btn_92_disable{width:92px;height:36px;background:url(/mooc2-ans/images/jb_disable.png) no-repeat;box-shadow: 0 4px 11px 0 rgba(86,82,255,0.17);
  border-radius: 20px;}
.jb_btn_104{width:104px;height:36px;background:url(/mooc2-ans/images/jb_btn_104.png) no-repeat 0 0;}
.jb_btn_104:hover{background-position:0 -48px;color: #ffffff;}
.jb_btn_104:active{background-position:left -96px}
.jb_btn_168{width:168px;height:44px;line-height:44px;background:url(/mooc2-ans/images/jb_btn_168.png) no-repeat 0 0;}
.jb_btn_168:hover{background-position:0 -56px;color: #ffffff;}
.jb_btn_168:active{background-position:left -112px}

.btnBlue{border: 1px solid #8CBCFF;border-radius: 20px;display:inline-block;width:90px;height:34px;text-align:center;line-height:34px;color: #3A8BFF;}
.btnBlue:hover{background: #EAF0FF;color:#3A8BFF;}
.btnBlue:active{background: #E4ECFF;}
.btn_92_cancel:hover{background:none}
.btn_92_cancel:active{background:none}
.btn_104{width:102px;}
.btn_92{width:90px;}


/*搜索*/
.dataSearch{ width:200px; height:36px; border-radius:40px;position:relative}
.dataSearch .icon-search{ color:#ACB4BF;}
.dataSearch_input{ width:170px; height:34px;font-size:14px; color:#131B26;  border:1px solid #D4D6D9;background:none;position:absolute;left:0;top:0;z-index:2;padding:0 14px; border-radius:40px;}
.dataSearch_bnt{ width:16px; height:16px;background:url(/mooc2-ans/images/search_ico.png) no-repeat center; border:0 none; cursor:pointer;position:absolute;right:14px;top:10px;z-index:3;outline:none}
.dataSearch:hover .dataSearch_bnt{ background:url(/mooc2-ans/images/seacher18-hover.png) no-repeat center;background-size: 100%;}
.dataSearch:hover .dataSearch_input{ border: 1px solid #3A8BFF;}
.dataSearch:hover .icon-search{ color:#3A8BFF;}
.dataSearch_input:hover{border: 1px solid #3A8BFF;}
.dataSearch_input:focus {outline:none;border: 1px solid #3A8BFF;border-radius: 40px;}
/*.dataSearch:hover .dataSearch_bnt{opacity:0.7}*/


/*位置路径*/
.RoutePosiiton{width:100%;line-height:40px;padding-top:10px;}
.dataNum{ color:#8A8B99; }
.breadcrumb{ display:table;}
.breadcrumb>li{ color:#6B89B3; float:left;}
.breadcrumb>li.active{ color:#8A8B99;}
.breadcrumb>li>a{ font-size:12px; color:#3A8BFF; display:block; max-width:100px; overflow:hidden; white-space:nowrap; text-overflow:ellipsis;}
.breadcrumb>li>a:hover{ text-decoration:underline;}
.breadcrumb>li+li { background:url(/mooc2-ans/images/breadcrumb.png) no-repeat 4px center; padding-left:14px;}

.PlusIcon{display:inline-block;width:12px;height:12px;margin-right:6px;vertical-align:middle;margin-top:-2px;}
/*********Reset************/
body{background: #f2f4f7}
.box{height:100%; position: relative;padding:30px;}


/*气泡小弹窗开始*/
.Bubble_Popup{width:116px;background: #FFFFFF;box-shadow: 0 2px 12px 0 rgba(175,187,204,0.75);border-radius: 6px;position:absolute;padding:6px 0;display:none}
.Bubble_Popup li{width:100%;height:48px;}
.Bubble_Popup li a{display:block;width:100%;height:48px;line-height:48px;text-align:center;font-size: 14px;color: #474C59;}
.Bubble_Popup li a:hover{background: #F5F8FB;color: #3B90FF;}
/*气泡小弹窗结束*/

.loginCon li a i{display:inline-block;width:16px;height:16px;vertical-align:middle;margin-right:8px;margin-top:-1px;}
.loginCon{position:absolute;left:-25px;top:34px;height:0}
.loginCon li a i.user{background:url(/mooc2-ans/images/user.png) no-repeat}
.loginCon li a i.eidt{background:url(/mooc2-ans/images/eidt.png) no-repeat}
.loginCon li a:hover i.user{background:url(/mooc2-ans/images/user_hover.png) no-repeat}
.loginCon li a:hover i.eidt{background:url(/mooc2-ans/images/eidt_hover.png) no-repeat}
.name:hover .arrowDown{-moz-transform: rotate(180deg);-moz-transform-origin: 50% 30%;-webkit-transform: rotate(180deg);-webkit-transform-origin: 50% 30%;-o-transform: rotate(180deg);-o-transform-origin: 50% 30%;
  transform: rotate(180deg);transform-origin: 50% 30%;    margin: 12px 0 0 8px;    filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=2);}

/******左侧开始*****/
.nav_side{width:180px;height:100%;position: fixed;left: 0;top:0px; z-index: 2;background: #FFFFFF;box-shadow: 2px 0 10px 0 rgba(237,238,240,0.50);padding-top:52px;}
.classDl{width:138px;margin:0 auto;margin-top:30px}
.classDl dt{width:138px;height:78px;border-radius:6px;overflow:hidden;position:relative;}
.classDl dt:hover{filter:alpha(Opacity=80);-moz-opacity:0.8;opacity: 0.8;}
.classDl dt span{display:inline-block;width:100%;height:24px;background:rgba(0,0,0,0.2);position:absolute;bottom:0;left:0;text-align:center;line-height:24px;font-size:12px;color:#fff;}
.classDl dt span .left_join{display:inline-block;width:10px;height:10px;vertical-align:middle;background:url(/mooc2-ans/images/left_join.png) no-repeat;margin-left:4px;margin-top:-2px;}
.classDl dd{font-size: 16px;text-align:center;width:100%;line-height:21px;margin-top:12px;}
.nav-content{margin-top:8px; padding-bottom:30px;}
.nav-content ul{border-bottom:2px solid  #F8F8F8;padding:12px 0;}
.nav-content ul:last-child{border-bottom:none}
.nav-content ul li{width:100%;height:54px;position: relative;}
.nav-content ul li a{display:block;height:54px;line-height:54px;font-size: 14px;color: #474C59;}
.nav-content ul li a:hover{background:#F0F6FF}
.nav-content ul li a{padding-left:47px;}
.nav-content ul li a i{display:inline-block;width:24px;height:24px;background:url(/mooc2-ans/images/nav_icon.png) no-repeat;background-size:1800%;vertical-align:middle;margin-right:6px;margin-top:-2px;}
.nav-content ul li a .custom-icon{display:inline-block;width:24px;height:24px;background-size:1800%;vertical-align:middle;margin-right:6px;margin-top:-2px;}
.nav-content ul li a i.hd{background-position:0 0;}
.nav-content ul li a i.ppt{background-position:-408px 0;}
.nav-content ul li a i.gjx{background-position:-384px 0;}
.nav-content ul li a i.zj{background-position:-48px 0;}
.nav-content ul li a i.zl{background-position:-72px 0}
.nav-content ul li a i.tz{background-position:-96px 0}
.nav-content ul li a i.tl{background-position:-120px 0}
.nav-content ul li a i.zy{background-position:-144px 0}
.nav-content ul li a i.ks{background-position:-168px 0}
.nav-content ul li a i.tj{background-position:-192px 0}
.nav-content ul li a i.gl{background-position:-216px 0}
.nav-content ul li a i.kj{background-position:-24px 0;}
.nav-content ul li a i.tk{background:url(/mooc2-ans/images/tiku_icon.png) no-repeat;background-position: 0 0;background-size:200%}
.nav-content ul li a i.zsd{background:url(/mooc2-ans/images/zhishidian_icon2.png) no-repeat;background-size:100%}
.nav-content ul li a i.expandread{background:url(/mooc2-ans/images/coursedata/expandread.png) no-repeat;}
.nav-content ul li.curNav a{color: #3B90FF;background:#F0F6FF}
.nav-content ul li.curNav a i.hd{background-position:0 -24px;}
.nav-content ul li.curNav a i.ppt{background-position:-408px -24px;}
.nav-content ul li.curNav a i.gjx{background-position:-384px -24px;}
.nav-content ul li.curNav a i.zj{background-position:-48px -24px;}
.nav-content ul li.curNav a i.zl{background-position:-72px -24px}
.nav-content ul li.curNav a i.tz{background-position:-96px -24px}
.nav-content ul li.curNav a i.tl{background-position:-120px -24px}
.nav-content ul li.curNav a i.zy{background-position:-144px -24px}
.nav-content ul li.curNav a i.ks{background-position:-168px -24px}
.nav-content ul li.curNav a i.tj{background-position:-192px -24px}
.nav-content ul li.curNav a i.gl{background-position:-216px -24px}
.nav-content ul li.curNav a i.kj{background-position:-24px -24px;}
.nav-content ul li.curNav a i.tk{background:url(/mooc2-ans/images/tiku_icon.png) no-repeat;background-position: -23px 0;background-size:200%}
.nav-content ul li.curNav a i.zsd{background:url(/mooc2-ans/images/zhishidiancur_icon2.png) no-repeat;background-size:100%}
.nav-content ul li.curNav a i.expandread{background:url(/mooc2-ans/images/coursedata/expandreadcur.png) no-repeat;}
/*12.25学生端新加*/
.nav-content ul li a i.ctj{background-position:-240px 0}
.nav-content ul li a i.zc{background-position:-288px 0}
.nav-content ul li a i.cj{background-position:-336px 0}
.nav-content ul li a i.dy{background-position:-312px 0}
.nav-content ul li.curNav a i.ctj{background-position:-240px -24px}
.nav-content ul li.curNav a i.zc{background-position:-288px -24px}
.nav-content ul li.curNav a i.cj{background-position:-336px -24px}
.nav-content ul li.curNav a i.dy{background-position:-312px -24px}
.nav-content ul li a  b.number{display:inline-block;padding:0 5px;height:18px;color:#fff;border-radius:50%;background:#F33F34;line-height:18px;font-size:13px;margin-left:10px;}

.nav-content ul li a i.zb_jm{display:inline-block;background:url(/mooc2-ans/images/zb.png) no-repeat;background-size:200%;background-position:0 0;}
.nav-content ul li.curNav a i.zb_jm{background-position:-24px 0;}


/******右侧开始*****/
.content{width:100%;min-width: 804px;border-radius: 6px;margin: 0;background: #f2f4f7; position: relative;left: 0;top:0px;}
.content .main{min-width: 1040px;background: #FFFFFF;box-shadow: 0 2px 10px 0 rgba(237,238,240,0.50);border-radius: 8px;position:relative}

/***************分页****************/
.HetPage106{width:100%;height:106px;}
.pagePosition{position:absolute;bottom:0;right:0;padding:40px 0;width:100%;height:26px;}
#page {text-align: center;height:26px;}
#page li {display:inline-block;min-width:24px;height:24px;border-radius:99px;text-align:center;line-height:24px;color: #8A8B99;font-size:14px;margin:0 2px;cursor: pointer;overflow:hidden;padding:0 8px;box-sizing:border-box;}
#page li:hover{color: #474C59;}
#page li.xl-nextPage i{display:block;width:9px;height:14px;background:url(/mooc2-ans/images/page_next.png) no-repeat;margin:0 auto;vertical-align:middle;margin-top:5px;}
#page li.xl-prevPage i{display:block;width:9px;height:14px;background:url(/mooc2-ans/images/page_prve.png) no-repeat;margin:0 auto;vertical-align:middle;margin-top:5px;}
#page li.xl-active {background: linear-gradient(139.98deg, #6CC7FF -38.96%, #5A33FF 168.95%), #FFFFFF;color:#fff; box-shadow: 0 2px 6px 0 rgba(39,125,255,0.30);color:#fff}
#page li.xl-disabled i{display:block;width:9px;height:14px;background:url(/mooc2-ans/images/disable_page_prve.png) no-repeat;vertical-align:middle;margin-top:5px;}
#page li.xl-nextPage.xl-disabled i{display:block;width:9px;height:14px;background:url(/mooc2-ans/images/disable_page_next.png) no-repeat;vertical-align:middle;margin-top:5px;}

/*开关与文字注解*/

.mui-switch { width:36px; height:20px; position: relative;  display: inline-block;background: #C3CCD9;border-radius: 14px;-webkit-appearance: none; user-select: none; outline: none; cursor: pointer}
.mui-switch:before { content: ''; width:16px; height:16px; position: absolute; top: 50%; left:2px;top:2px; border-radius: 50%; background: #fff;; }
.mui-switch:checked { border-color: #3A8BFF;; box-shadow: #09f 0 0 0 .16rem inset; background-color: #09f; }
.mui-switch:checked:before { left:18px; }
.mui-switch.mui-switch-animbg { transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before { transition: left 0.3s; }
.mui-switch.mui-switch-animbg:checked { box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #3A8BFF;transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:checked:before { transition: left 0.3s; }




/*开关按钮2*/
.switch{display:inline-block;width:38px; height:20px; position: relative;  display: inline-block;background: #D0D5DB;border-radius: 14px;-webkit-appearance: none; user-select: none; outline: none;position:relative;}
.switch.Dgblue{background: #3A8BFF; }
.switch i{width:16px; height:16px; position: absolute; top: 50%; left:2px;top:2px; border-radius: 50%; background: #fff}
.switch.Dgblue i{left:20px;background:#fff;}



/*8.14红点*/
.redRound{display:inline-block;width:6px;height:6px;border-radius:50%;background:#F33F34;position:absolute;top:18px;right:51px}
.into_ItemBank{margin:0 auto;width:102px;height:74px;}
.into_ItemBank a{display:inline-block;width:76px;height:32px;border: 1px solid #94c1ff;;border-radius: 16px;text-align:center;line-height:32px;font-size: 14px;color: #3a8bff;;}
.into_ItemBank a:hover{background: #eaf0ff;border: 1px solid #93bfff;}
.into_ItemBank a:active{background: #e4ecff;border: 1px solid #93bfff;}

/*公共二级导航*/
.subNav{width:100%;height:40px;background: #384B66;box-shadow: 0 2px 17px 0 rgba(211,211,211,0.50);text-align:center;line-height:40px;font-size: 16px;
  color: #AAAEB3;position:fixed;left:0;top:0;z-index:1000}
.het40{height:40px;width:100%}
.sub-button a{display:inline-block;width:94px;height:40px;border-left:1px solid #313A4C;font-size: 14px;color: #FFFFFF;}
.sub-button a:hover{background:#48536B;}
.sub-button a:active{background:#32394A;color:rgba(255,255,255,0.7);}
.sub-button a.completeBtn{ background:#3A8BFF;}
.sub-button a.completeBtn:hover{ background:#5CA0FF;}
.sub-button a.completeBtn:active{background:#2F70CC;color:rgba(255,255,255,0.7);}
.subBack{font-size: 14px;color: #878996;margin-left:30px;position: absolute;left: 0;top: 0;}
.subBack:hover{color:#8A8B99;}
.subBack:hover .icon-BackIcon{color:#8A8B99;}
/*右侧下载按钮*/
.DownloadaDiv{position:fixed;right:20px;bottom:94px;box-shadow: 0 1px 7px 0 rgba(198,204,217,0.58);border-radius: 4px;}
.Downloada{display:inline-block;overflow:hidden;width:40px;height:40px;background: #FFF;border-radius: 4px;overflow:hidden}

.Downloada em{font-size: 13px;color: #FFFFFF;display:inline-block;min-width:12px;height:18px;background: #F33F34;line-height:18px;border-radius:10px;font-style:normal;position:absolute;right:-7px;top:-9px;font-family: PingFangSC-Regular;padding:0 3px;}
.Downloada:before {  content: "\e605";}
.Downloada:hover{color:#fff;background:#3A8BFF;}

.DownloadaHover{position:absolute;right:50px;bottom:0px;width: 82px;height:40px;background: rgba(24,30,51,0.80);border-radius: 4px;margin-left: -28px;opacity: 0; visibility: hidden;-webkit-transition: opacity 0.3s 1s, visibility 0s 0.3s;transition: opacity 0.3s 1s, visibility 0s 0.3s;transition: opacity 0.3s 1s, visibility 0s 0.3s;text-align:center;line-height:40px;color:#fff;}
.DownloadaHover i{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; right:-8px; top:16px; bottom:auto; border-color:rgba(24,30,51,0.80) transparent transparent transparent;transform:rotate(-90deg);-moz-transform:rotate(-90deg);-ms-transform:rotate(-90deg);-o-transform:rotate(-90deg);}
.bntHoverTips i.active{ display:block; width:0px; height:0px; border:solid rgba(24,30,51,0.80) 4px; position:absolute; left:50%; margin-left:-4px; bottom:40px; top:auto; border-color:transparent transparent rgba(24,30,51,0.80) transparent;}
.DownloadaDiv:hover .DownloadaHover{ display:block; opacity:1; visibility:visible;
  -webkit-transition:opacity 0.3s 1s, visibility 0.3s 1s;
  transition:opacity 0.3s 1s, visibility 0.3s 1s;}


/*空值页面*/
.nullMain{width:100%;  height: calc(100vh);}
.null_wid700{width:700px;height:250px;margin:0 auto;position: relative;top: 50%;transform: translateY(-50%);-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);-o-transform: translateY(-50%);-moz-transform: translateY(-50%);}
.null_img{width:237px;height:192px;}
.word_null{width:355px;padding-top:32px;}
.popWord{padding:0 30px;}
.word_null p{color:#8A8B99;font-size:16px;margin-bottom:30px;}

.mui-switch { width:36px; height:20px; position: relative;  display: inline-block;background: #D0D5DB;border-radius: 14px;-webkit-appearance: none; user-select: none; outline: none;  cursor: pointer}
.mui-switch:before { content: ''; width:16px; height:16px; position: absolute; top: 50%; left:2px;top:2px; border-radius: 50%; background: #fff;; }
.mui-switch.checked { border-color: #3A8BFF;box-shadow: #09f 0 0 0 .16rem inset; background-color: #09f; }
.mui-switch.checked:before { left:18px; }
.mui-switch.mui-switch-animbg { transition: background-color ease 0.4s; }
.mui-switch.mui-switch-animbg:before { transition: left 0.3s; }
.mui-switch.mui-switch-animbg.checked { box-shadow: #dfdfdf 0 0 0 0 inset; background-color: #3A8BFF;; transition: border-color 0.4s, background-color ease 0.4s; }
.mui-switch.mui-switch-animbg.checked:before { transition: left 0.3s; }
.mui-switch>input{ opacity:0;}


/*2021.1.26日新加公共样式*/

/*文字颜色*/
.color0{color:#3A8BFF;}/*标准蓝*/
.color1{color:#131B26;}/*一级文字*/
.color2{color:#474C59;}/*二级文字*/
.color3{color:#8A8B99;}/*三级文字*/
.color4{color:#acb4bf;}/*四级文字*/
.color5{color:#6B89B3;}/*可点文字*/
.color5{color:#6B89B3;}/*可点文字*/
.color6{color:#A3BAD9;}/*根据苏婧文档添加*/
.color_green{color:#00B368;}/*绿色文字*/
.color_yellow{color:#F28C24;}/*黄色文字*/
.color_red{color:#F33131;}/*红色文字*/

/*需要hover的才加带_hover的class*/
.color1_hover:hover{color:#3A8BFF;}
.color2_hover:hover{color:#131B26;}
.color3_hover:hover{color:#474C59;}

/*输入框border颜色*/
.border_color{border:1px solid #D5D7D9}
.border_color:hover{border:1px solid #3A8BFF}
.border_color:focus{border:1px solid #3A8BFF}
.border_color_red{border:1px solid #f36161}
.border_color_red:hover{border:1px solid #f36161}
.border_color_red:focus{border:1px solid #f36161}


/*弹框样式*/
.maskDiv .popHead .colorDeep{
  font-weight: 500;
}

/*删除按钮鼠标滑过变蓝*/
.color1_hover:hover .icon-delete:before{color:#3A8BFF}

/*导入试卷按钮鼠标滑过变蓝 */
.color1_hover:hover .icon-ExportIn:before{color:#3A8BFF}

/*导出全部试卷按钮鼠标滑过变蓝 */
.color1_hover:hover .icon-ExportIc:before{color:#3A8BFF}

/*导出成绩按钮鼠标滑过变蓝 */
.color1_hover:hover .ExportIc:before{color:#3A8BFF}

/*更多按钮鼠标滑过变蓝 */
.color1_hover:hover .icon-sandian:before{color:#3A8BFF}

.English-nav-content ul li a {
padding-left: 20px;
}

/*2022.2.16学生端左侧增加课程须知按钮*/

.btn_Notice{margin-left:47px;margin-top:-30px;margin-bottom:30px;}
.iconNotice{display:inline-block;width:14px;height:14px;vertical-align:middle;margin-top:-2px;margin-right:5px;}
.iconNotice img{display:block;width:100%;height:100%;}